Create About Page for 7.1 - #12845

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

Unlinked Accounts

The following contributors have not linked their GitHub and WordPress.org accounts: @webVerts.

Contributors, please read how to link your accounts to ensure your work is properly credited in WordPress releases.

Core Committers: Use this line as a base for the props when committing in SVN:

Props joedolson, rcorrales, annezazu, alanjacobmathew, wildworks, markoserb.

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

Test using WordPress Playground

The changes in this pull request can previewed and tested using a WordPress Playground instance.

WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Some things to be aware of

• All changes will be lost when closing a tab with a Playground instance.
• All changes will be lost when refreshing the page.
• A fresh instance is created each time the link below is clicked.
• Every time this pull request is updated, a new ZIP file containing all changes is created. If changes are not reflected in the Playground instance,
  it's possible that the most recent build failed, or has not completed. Check the list of workflow runs to be sure.

For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation.

Test this pull request with WordPress Playground.

One more thing, on narrow screens the header gets shorter, so the background image crops in and "WordPress 7.1" ends up sitting on the green part of the artwork instead of the blue. White on that green is 2.4:1, and it needs at least 3:1 for text that size. Checked at a 430px width. Desktop is fine as the title stays on the blue there.

Since the color comes from the image, it needs a different crop or a mobile version rather than a CSS change. Probably a separate ticket though.

No, there's no need for a separate ticket; this ticket covers the entire scope of building out the About Page, because it's a one-off task for the release.

@marko-srb Can you take a look at the color contrast concerns on mobile? We could use something like a text shadow on mobile only that addressed this, e.g. text-shadow: 0 0 2px var(--background);, which would change the boundary with fairly minimal impact on the design.

(var(--background) is #3858e9, for the record.)

👋 Your suggestion works well. Let's go with minimal shadows. Not a good practice in general, but great fix suggestion for now. We will fix the images themselves so no contrast issues are present, prior 7.1 release. And swap them.

Do we still need svg images for RTL? I thought we are going with webp? If we need them, I can deliver them in 1hr

About page, text update is ok to happen, even if not applicable by someone on Google file. It's easy for us to change there, as long as it is good on the actual page. Though I'd leave this to Anne. But if this needs to ship, I can review, or provide text in an hr.

Thank you!

This is updated to address feedback and add the URLs for images from the CDN, but I'm noting the the feature images aren't currently in the CDN, so I'm changing those back for tetsing.